Как при достижении условного брейкпоинта ширины экрана сменить через js href у ссылки?
Вот современный способ проверки на соответствие медиавыражению:
if (window.matchMedia('(max-width: 700px)').matches) {
  for (const linkElement of document.querySelectorAll('.order-project__more-details-btn')) {
    linkElement.setAttribute('href', 'examples-foundation-640')
  }
}
А вот документация: https://developer.mozilla.org/ru/docs/Web/API/Wind...
Атрибуты для элементов дом в JS устанавливаются через метод setAttribute(имя атрибута, значение).