[Malleys]

Как я понял js не имеет доступа к буферу клиента

Для этого есть Clipboard API, а вам нужен метод — navigator.clipboard.writeText (для поддержки Safari я вам рекомендую использовать polyfill)

но при копировании, браузер кодирует кириллицу в ссылке и в итоге получаем это

Всё правильно, в URL кодируются многие символы, чтобы адрес ссылки мог быть представим в разных контекстах. Это полностью рабочий адрес ссылки.

В JS link.href возвращает URI независимо от того, как в разметке представлен атрибут href — как URI, или как IRI (т. е. в данном примере — https://xn--80aswg.xn--p1ai/%D0%BA%D...BB%D0%BE%D0%B3)

Если у вас в разметке адрес представлен в атрибуте href как IRI, то вам достаточно его прочитать и записать в буфер обмена. В примере нажатие на кнопку запускает процесс копирования...

<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard-polyfill/2.8.6/clipboard-polyfill.js"></script>
<a id="link" href="https://сайт.рф/каталог">сайт.рф/каталог</a>

<script>

const button = document.createElement("button");
button.textContent = "Копировать адрес ссылки";

button.addEventListener("click", event => {
	const iri = document.querySelector("a#link").getAttribute("href");
		
	clipboard.writeText(iri).then(() => {
		alert('Ccылка скопирована! ' + iri);
	});
});

document.body.appendChild(button);
	
</script>

Если же у вас в разметке адрес представлен в атрибуте href как URI, то вам нужна сторонняя библиотека для того, чтобы перевести URI в IRI.

<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard-polyfill/2.8.6/clipboard-polyfill.js"></script>
<script src="https://unpkg.com/uri-js@4.2.2/dist/es5/uri.all.min.js"></script>

<a id="link" href="https://xn--80aswg.xn--p1ai/%D0%BA%D0%B0%D1%82%D0%B0%D0%BB%D0%BE%D0%B3">сайт.рф/каталог</a>

<script>

const button = document.createElement("button");
button.textContent = "Копировать адрес ссылки";

button.addEventListener("click", event => {
	const iri = URI.serialize(URI.parse(document.querySelector("a#link").href), { iri: true });
		
	clipboard.writeText(iri).then(() => {
		alert('Ccылка скопирована! ' + iri);
	});
});

document.body.appendChild(button);
	
</script>

Если вы не уверены, что у вас используется в атрибуте href (URI или IRI), то я вам рекомендую использовать последний пример. Сторонний код вы можете скачать к себе в проект.

Используйте латиницу для урлов, а лучше вообще смените домен на .ru или другую зону на латинице.

Все браузеры уже давно поддерживают IRI, если только речь не о старых (ну о реально старых) браузерах!